@charset "utf-8";
/* CSS Document */

body, html, * {
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
body {
   background-color: #f5f5f5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#wrapper{
	width: 100%;
	margin: 0 auto;
	}
#rodape{
   float: left;
   width: 100%;
   background-color: #373738;
   text-align:center;
   padding:30px 0;
   border-top: 1px solid #49494a;
   -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	color:#FFF;
}

#topo{
   background-color: #373738;
   padding: 10px 0;
   -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	width:100%;
	text-transform:uppercase
}
#topo img {
display:block;
margin:0 auto 10px;
}

.left{
   float: left;
   width: 80%;
   z-index: 10;
}
.right{
   float: left;
   text-align:right;
   width: 20%;
	}

#topo a, #topo span {
	color:#FFF;
	text-decoration:none;
	display:inline-block;
	padding:8px 20px 8px 35px;
	margin:0 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-position: 10px center;
	background-repeat:no-repeat;
	}
#topo a:hover, .catHead:hover {
	-webkit-box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.5);
	box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.5);
	color: #999;
}

/* Menu Drop down */

.catHead {cursor:pointer;	z-index: 11;}
.catHead div {display:none; position:absolute; background-color: #373738;	z-index: 11;
   padding: 10px 0;
   -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	margin: 5px 0 0 -35px}
.catHead:hover div {display:block;}



hr {width:100%; border-bottom:1px solid #49494a; margin:10px 0}

#contentWrapper {
	padding: 20px 30px 50px;
	}

#breadCrumbs {
	background-color: #49494a;
	padding:5px 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #838383;
	text-transform:uppercase;
	font-size:10px;
	margin: 0 0 20px;
	}

#breadCrumbs strong {
	color: #CCC;
	}

table {margin: 20px 0 0;}
table td {padding: 8px 8px;}

tr.tableHead {background-color: #2980b9; color:#FFF}

tr.tableItem{background-color: #ffffff;}
tr.tableItem td{border-bottom: 1px solid #dddddd;}
tr.even {background-color: #f1f2f5;}

.btEdit, .btDel, .btView {
	background-color:#edf2f1;
	color:#333;
	text-decoration:none;
	padding: 5px 10px 5px 35px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 10px center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #cccccc;
	margin:0 2px;
	}
.btEdit {background-image:url(imgs/icon-edit.png);}
.btDel {background-image:url(imgs/icon-del.png);}
.btView {background-image:url(imgs/busca.png);}

.btEdit:hover, .btDel:hover .btView:hover {background-color: #dfe5e4;}

#paginacao {text-align:center;  margin:30px 0 0;}
#paginacao a, #paginacao span {display:inline-block; color:#000; text-decoration:none; padding:2px 6px; }
#paginacao a:hover {text-decoration:underline; color:#ca3e1e}
#paginacao span {background:#ca3e1e; color:#FFF; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }

.green {color:#090;}
.grey {color:#999;}

#busca {
	background-color:#FFF;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	padding:2px 5px;
	border:2px solid #999;
	width:235px;
	}
	
#busca input.srcForm {
	color:#A7A7A7; 
	font-size:12px; 
	width: 200px;
	padding:5px 0;
	}

#busca input.srcBt {
	padding:2px 2px;
	}

#formCadastro {
	border:1px solid #e9e9e9;
	width: 960px;
	margin:20px auto;
	}
#formCadastro td{
	border:1px solid #e9e9e9;
	}

.formTxt {
	background-color:#FFF;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	padding:7px 5px;
	border:2px solid #999;
	color:#666666; 
	font-size:12px; 
	display:inline-block;
	margin:4px 0 0;
	}

.butCadastro {
	background-color:#27ae60;
	color:#FFF;
	text-decoration:none;
	padding: 10px 10px 10px 35px;
	display:inline-block;
	font-weight:bold;
	background-image:url(imgs/plus-icon.png);
	background-repeat:no-repeat;
	background-position: 10px center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

.butCadastro:hover {
	background-color:#2ecf72;
	color:#FFF;
	}

.butVoltar {
	background-color:#f5af41;
	color:#FFF;
	text-decoration:none;
	padding: 10px 10px 10px 35px;
	display:inline-block;
	font-weight:bold;
	background-image:url(imgs/icon-voltar.png);
	background-repeat:no-repeat;
	background-position: 10px center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

.butVoltar:hover {
	background-color:#f3c781;
	color:#FFF;
	}

.butSalvar {
	background-color:#27ae60;
	color:#FFF;
	text-decoration:none;
	padding: 10px 10px 10px 35px;
	display:inline-block;
	font-weight:bold;
	background-image:url(imgs/icon-salvar.png);
	background-repeat:no-repeat;
	background-position: 10px center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

.butSalvar:hover {
	background-color:#2ecf72;
	color:#FFF;
	}

.images {
	margin:10px;
	background:#EEE;
	padding:10px;
	}
	
.images img{
	display:block;
	margin:auto;
	}

#wrapperLogin {
	   background-color: #373738;
   padding: 20px 0;
   -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	width:260px;
	margin:50px auto;
	text-align:center;
}
.login {border:0; width:150px;}
#wrapperLogin p{
	margin:0 0 5px;
}

.butEntrar {
	background-color:#edf2f1;
	color:#333;
	text-decoration:none;
	padding: 10px 10px 10px 35px;
	font-weight:bold;
	background-image:url(imgs/icon-login.png);
	background-repeat:no-repeat;
	background-position: 10px center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:10px 0 0;
	}


.busca {
	background-color:#FFF;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	padding:2px 5px;
	border:2px solid #999;
	width:235px;
	float:left;
	display:inline;
	margin-right: 10px;
}
	
.busca .srcForm {
	color:#A7A7A7; 
	font-size:12px; 
	width: 200px;
	padding:5px 0;
	}

.busca .srcBt {
	padding:2px 2px;
	}
.formTable {
    border: 1px solid #e9e9e9;
    margin: 20px auto;
    width: 960px;
}
.formTable td {
    border: 1px solid #e9e9e9;
}